<%@page contentType="text/html;charset=utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>个人信息</title>
		<style type="text/css">
			body {
				background-image: url(../../image/bg1.webp);
				background-repeat: no-repeat;
				background-size: 100%;
				width: 100%;
				height: 100%;
			}

			/* .a1{
				background-image: url(img/bg5.jpg) ;
				background-repeat: no-repeat;
				background-size: 100%;
				width: 100%;
				height: 100%;
			} */
			.top {
				width: 100%;
				height: 80px;
				/* border-bottom: 1px solid white; */
			}

			.top1 {
				width: 200px;
				height: 70px;
				line-height: 70px;
				display: inline-block;
				color: #cccccc;
				font-size: 28px;
				margin-left: 360px;
			}

			.top2 {
				display: inline-block;
				color: white;
				margin-left: 200px;
			}

			.top a {
				color: #7e7979;
				text-decoration: none;
			}

			.main {
				width: 800px;
				height: 529px;
				background-color: white;
				opacity: 0.9;
				border: 1px solid #888888;
				border-radius: 20px;
				margin: 10px auto;
				font-size: 17px;
				overflow: auto;
				overflow-x: hidden;
				overflow-y: auto;


			}

			.main span {
				display: inline-block;
			}

			.main1 {
				width: 800px;
				height: 150px;


			}

			.m1_img {
				width: 130px;
				height: 130px;
				border-radius: 50%;
				overflow: hidden;
				margin: 10px auto;
				border: 1px solid #dddddd;
				display: inline-block;
				margin-left: 20px;
			}

			.m1_img img {
				width: 130px;
				height: 130px;
				border-radius: 50%;
				overflow: hidden;

			}

			.m1 {
				display: inline-block;
				width: 557px;

				float: right;
				padding-bottom: 20px;
				padding-left: 30px;
				padding-top: 87px;
				border-bottom: 1px solid #999999;
				position: relative;
				/* background-color: aqua; */
			}

			.m1_1 {
				padding-left: 0px;
			}

			.m1_in {
				position: absolute;
				top: 30px;
				left: 446px;
			}

			.m1_in input {
				margin-top: 20px;
			}

			.main2 {
				width: 800px;
				height: 75px;
				line-height: 75px;
				border-bottom: 1px solid #999999;
				clear: both;
			}

			.main2_l {
				width: 100px;
				height: 61px;
				line-height: 75px;
				padding-left: 70px;
			}

			.main2_r {
				padding-left: 77px;
			}

			.bo {
				width: 600px;

			}

			.bo input {
				margin-left: 638px;
				margin-top: 17px;
			}

			.foot {
				width: 800px;

			}

			.foot1 {
				width: 800px;
				height: 50px;
				padding-left: 68px;
				line-height: 75px;

			}

			.foot2 {
				text-align: center;
				padding-top: 20px;
				margin-left: 5px;
				margin-bottom: 10px;
			}

			.bo table {
				margin: 0 auto;
				width: 777px;
				background-color: white;
				opacity: 0.9;
				border-radius:10px ;
				border: 1px solid #333333;
			}

			.bo table tr {

			}

			.bo table tr td {
				width: 50px;
				height: 50px;
				border: 1px solid #999999;
			}

			.bo table tr:first-child td:first-child {
				border-radius: 10px 0 0 0;
			}

			.bo table tr:first-child td:last-child {
				border-radius: 0 10px 0 0;
			}

			.bo table tr:last-child td:first-child {
				border-radius: 0 0 0 10px;
			}

			.bo table tr:last-child td:last-child {
				border-radius: 0 0 10px 0;
			}

			.fo {
				width: 800px;
				margin: 20px auto;
				font-size: 10px;
				height: 40px;
				text-align: center;
				line-height: 40px;
			}
		</style>
	</head>
	<body>
		<div class="a1">
			<div class="top">
			<div class="top1">
				<a href="#">我的拍卖网</a>
			</div>
			<div class="top2">
				<a href="../../homepage.jsp">首页</a>
			</div>
		</div>
		<div class="main">
			<form action="#" method="post">
				<div class="main1">
					<div class="m1_img">
						<img src="${userList.user_head}" >
					</div>
					<div class="m1">
						<div class="m1_1">
							<span class="">用&nbsp;&nbsp;户&nbsp;名</span>
							<span class="main2_r">${userList.user_name}</span>
						</div>
						<div class="m1_in">
							<a href="/user?method=showUpdateInfo"><input type="button"  value="修改信息" /></a>
							<br>
							<a href="/user?method=exit"><input type="button" name=""  value="退出登录" /></a>
						</div>
						
					</div>
				</div>
				
				<div class="main2">
					<span class="main2_l">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</span>
					<span class="main2_r">${userList.user_sex}</span>
				</div>
				<!-- <div class="main2">
					<span class="main2_l">订&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;单</span>
					<span class="main2_r">100000</span>
				</div> -->
				<div class="main2">
					<span class="main2_l">电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话</span>
					<span class="main2_r">${userList.user_tel}</span>
				</div>
				<div class="main2">
					<span class="main2_l">收货地址</span>
					<span class="main2_r">${userList.user_addr}</span>
				</div>
				<div class="bo">
						<div class="foot1">
							历史订单
						</div>
						<div class="foot2">
							<!-- <span style="color: darkred;">抱歉哦，暂无购买记录，可以进入首页查看商品呢！</span> -->
							<table border="1" cellspacing="0" cellpadding="0">

								<tr>
									<td>订单号</td>
									<td>商品号</td>
									<td style="width: 100px;">商品名称</td>
									<td>下单时间</td>

									<td>成交价格</td>
								</tr>
								<c:forEach items="${showOrder}" var="order">
									<tr>
										<td>${order.order_id}</td>
										<td>${order.goods_id}</td>
										<td>${order.goods_name}</td>
										<td>${order.order_time}</td>
										<td><fmt:formatNumber value="${order.bidding_price}" pattern="￥,000.00"></fmt:formatNumber></td>
									</tr>
								</c:forEach>
							</table>

						</div>
				</div>
			</form>
		</div>
		</div>
		<div class="foot">
			
		</div>
		<div class="fo">
			@Copyright 园中葵 2020
		</div>
	</body>
</html>
